<template>
  <div>
    <GoodSearcher class="search_component" />
    <CustomLine :margin="'0px 0px 19px 0px'" :border="'1px solid #e8eaec'" />
    <GoodList class="goodList_component" />
  </div>
</template>

<script>
import GoodList from "@/components/GoodList.vue";
import GoodSearcher from "@/components/GoodSearcher.vue";

export default {
  name: "Good",
  components: {
    GoodSearcher,
    GoodList,
  },
};
</script>

<style scoped>
.search_component {
  height: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.goodList_component {
  height: calc(90% - 20px);
}
</style>